<template>
  <div class="content">
    商品路由
    <el-button @click="show = true">点击</el-button>
    <popup :session="session" :show.sync="show" :model="model"></popup>
    <navpage :count="10" :fetch="fetch"></navpage>
  </div>
</template>

<script lang="ts">
import navpage from "@/components/pagination/pagination.vue";
import popup from "@/components/popup/popup.vue";
import { Vue, Component } from "vue-property-decorator";
@Component({
  components: {
    popup,
    navpage
  }
})
export default class extends Vue {
  public show = false;
  public model: any = {};
  public session = {
    msg: "请关闭弹窗"
    // form: [
    //   { label: "提示语:", value: "title", type: "text" },
    //   { label: "图片上传:", value: "img", type: "img" },
    //   {
    //     label: "选择器:",
    //     value: "select",
    //     type: "select",
    //     options: [
    //       {
    //         value: "选项1",
    //         label: "黄金糕"
    //       },
    //       {
    //         value: "选项2",
    //         label: "双皮奶"
    //       }
    //     ]
    //   }
    // ]
  };

  private fetch(size: number, page: number) {
    console.log(size, page);
  }
}
</script>

<style lang="scss" scoped></style>
